/*-------------抽屉样式----------------*/
*{margin: 0;
    padding: 0
}
a{text-decoration: none}
body{
    font-size: 12px;
    font-family: "Times New Roman";
}
/*---------------------head部分------------------------*/
.head-box{
    background-color: #2459a2;
    height: 44px;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index:100;
}
.head-content{
    width: 1016px;
    height: 44px;
    /*background-color: #66cc66;*/
    line-height: 44px;
    position: relative;
    margin: 0 auto;
}
.head-content .logo{
    display: inline-block;
    background-image: url("images/log.png");
    width: 152px;
    height: 32px;
    float: left;
    margin-top: 5px;
}
.head-content .action-menu{
    float: left;
    margin-left: 5px;
}
.head-content .action-menu a.tb{
    display: inline-block;
    margin-left: -5px;
    word-spacing: -10px;
    padding: 0 13px 0 16px;
    color: gainsboro;
}
.head-content .action-menu a.tb:hover{
    color:white;
    background-color: #396bb3;
}
.head-content .action-menu a.active,.head-content .action-menu a.active:hover{
    color: white;
    background-color: #204982;
}
.key-search{
    float: right;
    margin-top:6px;
    height: 30px;
    width: 150px;
    /*border: solid red  1px;*/
}
.key-search .search-txt{
    background-color: #f4f4f4;
    border: 1px solid #e0e0e0;
    color: #333;
    height: 26px;
    line-height: 44px;
    padding: 2px 3px 2px 2px;
    width: 110px;
    float: left;

}
.key-search a{
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid #e0e0e0;
    background-color: #f4f4f4;
    border-left: 0px;
    float: left;
}
.key-search a span.ioc{
    display: block;
    background-repeat: no-repeat;
    background-image: url("images/icon.png");
    background-position: 0px -197px;
    /*border: solid red 1px;*/
    width: 11px;
    height: 12px;
    margin-left: 9px;
    margin-top: 10px;
    float: left;
}
.login-reg {
    position: absolute;
    right: 160px;
    font-size: 12px;
    /*border: 1px red solid;*/

}
.login-reg a{
    display: inline-block;
    color: #fff;
    margin: 0 5px;
    height: 44px;
    padding: 0 20px;
}
.login-reg a:hover{
    color: #e0e0e0;
    background-color: #396bb3;
}
/*----------------head部分结束-------------------------*/
/*----------------main-content-box部分------------------*/
.main-content-box{
    clear: both;
    padding-top: 44px;
    background-color: #ededed;
}
.main-content-box .main-content{
    background-color: #fff;
    margin: 0 auto;
    width: 960px;
    height: auto;!important;
    min-height: 713px;
    padding: 6px 28px 60px;
}
.main-content .content-L{
    float: left;
    margin-top: 5px;
    overflow: hidden;
    width: 630px;
    min-height: 750px;
    border-bottom: 1px solid #ccdcef;
}
.main-content .content-L .top-area{
    height: 40px;
    width: auto;
    border-bottom: #b4b4b4 solid 1px;
}
.main-content .content-L .child-nav{
    float: left;
}
.main-content .content-L .child-nav a{
    display: inline-block;
    width: 60px;
    height: 26px;
    line-height: 26px;
    margin-bottom: 13px;
    color: #369;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    margin-left: 10px;
}
.main-content .content-L .child-nav a:hover{
    text-decoration: underline;
}
.main-content .content-L .child-nav a .icos:hover{
    text-decoration: none;
}
.main-content .content-L .child-nav .icos{
    background-image: url("images/tip.png");
    background-position: 0 -299px;
    background-repeat: no-repeat;
}
.main-content .content-L .nav-top-area .sort-nav{
    display: inline-block;
    margin-left: 120px;
    float: left;
    margin-top: 5px;
}
.main-content .content-L .nav-top-area .sort-nav a{
    margin-left: 10px;
    text-align: center;
    color: #66cc66;
    color: #390;
}
.main-content .content-L .nav-top-area .sort-nav .active{
    color: #b4b4b4;
}
.main-content .content-L .nav-top-area .publish{
    width: 134px;
    height:30px;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    float: right;
    background-color:#84a42b;
}
.main-content .content-L .nav-top-area .publish:hover{
    background-color: #8eb031;
    /*border: solid #8eb030 1px;*/
}
.main-content .content-L .nav-top-area .publish-button{
    clear: both;
    color: white;
    font-weight: 400;
}
/*----------------main-content-list部分------------------*/
.content-list{
    min-height: 650px;
    /*overflow: hidden;*/
}
.content-list .item{
    clear: both;
    height: 90px;
    overflow: hidden;
    border-bottom: 1px solid #b4b4b4;
    padding-top: 10px;
}
.content-list .item .news-pic{
    float: right;
    width: 90px;
    height: 90px;
}
.content-list .item .news-pic .pic{
    width: 90px;
    padding-top: 1px;
    height: auto;
}
.content-list .item .news-content{
    padding-top: 1px;
    padding-bottom: 1px;
}

.content-list .item .news-content .part1{
    font-weight: 700;
    font-size: 14px;
    color: #369;
    height: 56px;
    width: 518px;
    overflow: hidden;
    word-break: break-all;
    text-overflow :ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -moz-box;
    line-clamp: 3;
    box-orient: vertical;

}

.content-list .item .news-content .part1 .n2{
    font-size: 12px;
    color: #b4b4b4;
    text-decoration: underline;
    margin-left: 7px;
    vertical-align: 1px;
    cursor: pointer;
}
.content-list .item .news-content .part2{
    margin-top: 8px;
    /*border: 1px solid red;*/
    height: 22px;
    width: 528px;
}
.content-list .item .news-content .part2 .click-btu{
    width: 50%;
    float: left;
}
.content-list .item .news-content .part2 .click-btu a{
    display: inline-block;
    min-width:66px;
    /*border: 1px solid  red;*/

}
.content-list .item .news-content .part2 .click-btu span{
    display: inline-block;
    height: 18px;
    width: 18px;
}


.content-list .item .news-content .part2 .click-btu b{
    color: #b4b4b4;
    font-weight: 700;
    font-size: 14px;
    /*line-height: 14px;*/
    vertical-align:4px;
    margin-left: 8px;
}
.content-list .item .news-content .part2 .click-btu b:hover{
    color: #369;
    text-decoration: underline;

}
/*------------1.点赞------------*/
.content-list .item .news-content .part2 .click-btu .ioc-pic{
    background-image: url("images/tubiao.png");
    background-repeat: no-repeat;
    background-position: 0 -40px;
}

.content-list .item .news-content .part2 .click-btu .ioc-pic:hover{
    background-position: 0 0;
}

.content-list .item .news-content .part2 .click-btu .ioc-pic:active{
    background-position: 0 -20px;
}

/*----------2.评论----------*/
.content-list .item .news-content .part2 .click-btu .ioc-pic1{
    background-image: url("images/tubiao.png");
    background-repeat: no-repeat;
    background-position: 0 -100px;
}

.content-list .item .news-content .part2 .click-btu .ioc-pic1:hover{
    background-position: 0 -60px;
}

.content-list .item .news-content .part2 .click-btu .ioc-pic1:active{
    background-position: 0 -80px;
}
/*----------3.收藏----------*/
.content-list .item .news-content .part2 .click-btu .ioc-pic2{
    background-image: url("images/tubiao.png");
    background-repeat: no-repeat;
    background-position: 0 -160px;
}

.content-list .item .news-content .part2 .click-btu .ioc-pic2:hover{
    background-position: 0 -120px;
}

.content-list .item .news-content .part2 .click-btu .ioc-pic2:active{
    background-position: 0 -140px;
}
.content-list .item .news-content .part2 .click-btu a i{
    display: inline-block;
    min-width:66px;
    margin-top: 5px;

}
/*---------------分享---------------------*/
.content-list .item .news-content .part2 .share{
    width: 50%;
    float: right;
    display: none;
}
.content-list .item:hover .news-content .part2 .share{
    display: inline-block;
}
.content-list .item .news-content .part2 .share .share-a{
    float: right;
    width: 190px;
    padding-top: 2px;
}
.content-list .item .news-content .part2 .share i{
    display: inline-block;
    font-size: 14px;
    float: left;
    min-width: 55px;
    color: #b4b4b4;
    font-family: "Times New Roman";
}
.content-list .item .news-content .part2 .share .share-item{
    display: inline-block;
    float: right;
    width: 125px;
}

.content-list .item .news-content .part2 .share a{
    position: relative ;
    display: inline-block;
    margin-left: 8px;
    height: 17px ;
    width: 18px ;
    float: left;
}
.content-list .item .news-content .part2 .share a:first-child{
    margin-left: 0px;
}
.content-list .item .news-content .part2 .share .share-weibo{
    background-image: url("images/share_icon.png");
    background-repeat:  no-repeat;
    background-position: 0px 1px;
}

.content-list .item .news-content .part2 .share .share-douban{
    background-image: url("images/share_icon.png");
    background-repeat:  no-repeat;
    background-position: 0px -14px;
}

.content-list .item .news-content .part2 .share .share-qq{
    background-image: url("images/share_icon.png");
    background-repeat:  no-repeat;
    background-position: 0px -30px;
}
.content-list .item .news-content .part2 .share .share-tenxun{
    background-image: url("images/share_icon.png");
    background-repeat:  no-repeat;
    background-position: 0px -45px;
}
.content-list .item .news-content .part2 .share .share-renren{
    background-image: url("images/share_icon.png");
    background-repeat:  no-repeat;
    background-position: 0px -60px;
}
/*---------------分享hover---------------------*/
.content-list .item .news-content .part2 .share i:hover{
    color:#369;
}
.content-list .item .news-content .part2 .share .share-weibo:hover{
    background-position: 0px -88px;
}

.content-list .item .news-content .part2 .share .share-douban:hover{
    background-position: 0px -103px;
}

.content-list .item .news-content .part2 .share .share-qq:hover{
    background-position: 0px -119px;
}
.content-list .item .news-content .part2 .share .share-tenxun:hover{
    background-position: 0px -134px;
}
.content-list .item .news-content .part2 .share .share-renren:hover{
    background-position: 0px -149px;
}
/*------------------------分享完成-----------------*/
/*-----------------------页码区域-------------------*/
.page-area{
    clear: both;
    overflow: hidden;
    margin-top: 9px;
}
.fanye{
    float: left;
    padding: 0;

}
ul,ol{
    list-style: none;
}
li{
    display: inline-block;
}
.page-area .fanye .pagebtu{
    border: 1px solid #3333;
    width: 34px;
    height: 30px;
    text-align: center;
    margin-right: 5px;
    font-weight: 700;
    margin-bottom: 10px;

}
.page-area .fanye .pagebtu a{
    height: 34px;
    line-height: 34px;
    width: 34px;
}
.page-area .fanye .pagebtu .page1{
    height: 34px;
    line-height: 34px;
    width: 34px;
}
.page-area .fanye .first{
    border: 0px;
}

.page-area .fanye .nextpage{
    width: 60px;
}
.page-area .fanye .pagebtu:hover{
    background-color: #369;
    color: white;
}
.page-area .fanye .first:hover{
    background-color: #fff;
    color: black;
}
/*---------------页面完成------------------------*/

/*---------------右侧-------------------------*/
.main-content .content-R{
    float: right;
    padding-top: 4px;
    overflow: hidden;
    width: 300px;
    height: 600px;
    /*border: 1px solid red;*/
}
/*------------------底部foot--------------------*/
.main-content .content-foter{
    margin: 0 auto;
    width: 960px;
    padding-top: 18px;
    font-size: 12px;
    text-align: center;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    clear: both;
    border-top: solid 1px #ccdcef;
}
.main-content .content-foter .foot-now a{
    display: inline-block;
    color: #369;
    margin-left: 5px;
    margin-right: 5px;
}
.main-content .content-foter .foot-now a:hover{
    text-decoration: underline;
}
.main-content .content-foter .foot-now2 a{
    text-decoration: none;
}
.main-content .content-foter .foot-now2 .foot_e{
    vertical-align: -3px;
    margin-right: 3px;
}
.main-content .content-foter .foot-now2 .foot_b{
    font-size: 12px;
    color: #999;
}
.main-content .content-foter .foot-now2 .foot-text,.foot-text1,.foot-text2{
    margin-top: 6px;
}

/*--------------返回顶部----------------*/
#gotop {
    background: url('images/Back-to-the-top_38_78.png') 0 0 no-repeat;
    bottom: 30px;
    left: 86%;
    cursor: pointer;
    display: none;
    height: 38px;
    width: 38px;
    position: fixed;
    z-index: 2;
}
#gotop:hover{
    background-position: 0 -40px;
    }
/*-------------抽屉样式完成----------------*/